
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Gong's family -- 致那些年最美好的记忆</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="author" content="Ryan">
  <meta name="Description" content="Personal HTML5 for Gentileman Gong">
  <link rel="shortcut icon" href="images/icons/favicon.ico" type="image/x-icon">
  <link rel="icon" href="images/icons/favicon.ico" type="image/x-icon">
<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/contact.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" media="screen">
 <style type="text/css">
    #QRcodeImg{
     background:url("images/qrcodeimg.png") no-repeat 0px 0px;
        width: 160px;
        height: 160px;
        position: absolute;/*可以覆盖在内容之上，因为采用absolute时，脱离文档流  */        
        right:10px;
        bottom: 50px;
        z-index: 1002;
        display: none;
    }
    footer div p a:hover #QRcodeImg{ 
      display:block;
    }
    </style>
<script src="js/modernizr.js" type="text/javascript"></script>
</head>
<body class="centered-tiles">

 

<!-- start preloader -->
<div id="preloader">
  <div id="status">
    <div class="parent">
      <div class="child">
        <p>loading</p>
      </div>
    </div>
  </div>
</div>
<!-- end preloader --> 

<!-- start main nav -->
<nav id="main-nav">
  <ul id="options" class="clearfix">
    <li> <a href="index.html#home">首页</a> </li>
    <li> <a href="index.html#portfolio" class="selected">姓氏源起</a></li>
    <li> <a href="index.html#services">家族相册</a> </li>
    <li> <a href="index.html#agency">时光机</a> </li>
    <li> <a href="index.html#blog">Blog</a> </li>
    <li> <a href="#" class="sub-nav-toggle">经典推荐</a>
      <ul class="sub-nav hidden">
        <li> <a href="project01.html">书籍</a> </li>
        <li> <a href="project02.html">电影</a> </li>
        <li> <a href="post01.html">音乐</a> </li>
      </ul>
    </li>
    <li> <a href="index.html#contact">联系我们</a> </li>
  </ul>
  <ul class="social-list clearfix">
    <li> <a href="#"><i class="fa fa-qrcode"></i></a> </li>
    <li> <a href="#"><i class="fa fa-weixin"></i></a> </li>
    <li> <a href="#"><i class="fa fa-qq"></i></a> </li>
  </ul>
</nav>
<!-- end main nav -->

<div id="wrap">
  <div class="content-wrapper">
  	<!-- start header -->
    <header id="header" class="clearfix">
        <ul class="social-list clearfix not-white">
        <li> <a href="#" class="circled"><i class="fa fa-qrcode"></i> </a> </li>
        <li> <a href="#" class="circled"><i class="fa fa-weixin"></i> </a> </li>
        <li> <a href="#" class="circled"><i class="fa fa-qq"></i> </a> </li>
      </ul>
      <div class="logo-wrapper">
        <h1 id="logo"><a href="index.html">Ridgewood</a></h1>
      </div>
      <div id="menu-button">
        <div class="centralizer">
          <div class="cursor">
            <div id="nav-button"> <span class="nav-bar"></span> <span class="nav-bar"></span> <span class="nav-bar"></span> </div>
          </div>
        </div>
      </div>
    </header>
    <!-- end header -->
    
    <!-- start content -->
    <div id="content">
      <div id="container" class="clearfix">
        <div class="element  clearfix col2-3 home auto">
          <div class="flexslider">
            <ul class="slides">
              <li><img src="images/project04-large01.jpg" alt="" /></li>
              <li><img src="images/project04-large01.jpg" alt="" /></li>
            </ul>
          </div>
        </div>
        <div class="element  clearfix col1-3 home auto">
          <figure class="images"><img src="images/project04-large03.jpg" alt="" /></figure>
        </div>
        <div class="element  clearfix col1-3 home auto">
          <figure class="images"><img src="images/project04-large02.jpg" alt="" /></figure>
        </div>
        <div class="element clearfix col2-3 home white">
          <div class="parent">
            <div class="child">
              <h2 class="header">Fuel Up <span class="italic">for</span> Battle</h2>
              <p class="large">This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show.</p>
              <div class="borderline"></div>
              <p class="small">Services</p>
              <ul class="unordered-list">
                <li><i>Digital Content</i></li>
                <li><i>In-store Digitial Experience</i></li>
                <li><i>Marketing Analysis</i></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="element clearfix col1-3 home white">
          <div class="parent">
            <div class="child">
              <blockquote>
                <p>I didn't fail! I've just found 10,000 ways that won't work.</p>
                <p class="name">- Thomas Edison</p>
              </blockquote>
            </div>
          </div>
        </div>
        <div class="element  clearfix col1-3 home auto">
          <figure class="images"><img src="images/project04-large02.jpg" alt="" /></figure>
        </div>
      </div>
    </div>
    <!-- end content --> 
  </div>
  <!-- end content-wrapper --> 
</div>
<!-- end wrap -->



<footer id="footer" class="clearfix">
  <div class="container" style="padding:10px;"> <p class="text-center" id="now_time"></p></div>

  <div class="padding-wrapper">
    <p class="alignleft">© <span id="now_year">0000</span>, Gong's family All Rights Reserved</p> 
    <p class="alignright">Made with <i class="fa fa-heart"></i> by <a href="#" id="qrcode_link">Ryan<img id="QRcodeImg"></a></p>
  </div>
</footer>
<script src="js/jquery-1.12.4.min.js" type="text/javascript"></script> 
<script src="js/jquery-easing-1.3.js" type="text/javascript"></script> 
<script src="js/jquery.touchSwipe.min.js" type="text/javascript"></script> 
<script src="js/jquery.isotope2.min.js" type="text/javascript"></script> 
<script src="js/jquery.ba-bbq.min.js" type="text/javascript"></script> 
<script src="js/packery-mode.pkgd.min.js" type="text/javascript"></script> 
<script src="js/jquery.isotope.load.js" type="text/javascript"></script> 
<script src="js/main.js" type="text/javascript"></script> 
<script src="js/jquery.form.js" type="text/javascript"></script> 
<script src="js/input.fields.js" type="text/javascript"></script> 
<script src="js/preloader.js" type="text/javascript"></script> 
<script src="js/bootstrap.min.js" type="text/javascript"></script> 
<script src="js/jquery.sliphover.min.js"></script> 
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(function(){
    var myDate = new Date;
    var year = myDate.getFullYear(); //获取当前年
    var mon = myDate.getMonth() + 1; //获取当前月
    var date = myDate.getDate(); //获取当前日
    var week = myDate.getDay();
    var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; 
    $("#now_time").text("今天是"+year + "年" + mon + "月" + date + "日" + weeks[week]);
    $("#now_year").text(year);
  });
</script>
</body>
</html>